<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="css/echec.css"/>
        <link rel="stylesheet" type="text/css" href="css/default.css"/>
        <script type="text/javascript" src="js/jquery-1.6.2.min.js"/>
        <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"/>
        <script type="text/javascript" src="js/echiquier.js"/>
        <script type="text/javascript" src="js/getDeplacements.js"/>
        <title>Jeu d'échec</title>
    </head>
    <body>
<div id="container">

                <div class="top">
                <span>Application TP5</span>
            </div>

        <table id="echec">
            <tr>
                <td class="blanc" id="c1">
                    <div id="tn1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Tour_noir.png"/>
                    </div>
                </td>
                <td class="noir" id="c2">
                    <div id="cn1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Canasson_noir.png"/>
                    </div>
                </td>
                <td class="blanc" id="c3">
                    <div id="fn1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Fou_noir.png"/>
                    </div>
                </td>
                <td class="noir" id="c4">
                    <div id="dn" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Dame_noir.png"/>
                    </div>
                </td>
                <td class="blanc" id="c5">
                    <div id="rn" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Roi_noir.png"/>
                    </div>
                </td>
                <td class="noir" id="c6">
                    <div id="fn2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Fou_noir.png"/>
                    </div>
                </td>
                <td class="blanc" id="c7">
                    <div id="cn2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Canasson_noir.png"/>
                    </div>
                </td>
                <td class="noir" id="c8">
                    <div id="tn2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Tour_noir.png"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="noir" id="c9">
                    <div id="pn1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
                <td class="blanc" id="c10">
                    <div id="pn2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
                <td class="noir" id="c11">
                    <div id="pn3" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
                <td class="blanc" id="c12">
                    <div id="pn4" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
                <td class="noir" id="c13">
                    <div id="pn5" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
                <td class="blanc" id="c14">
                    <div id="pn6" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
                <td class="noir" id="c15">
                    <div id="pn7" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
                <td class="blanc" id="c16">
                    <div id="pn8" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_noir.png"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="blanc" id="c17"></td>
                <td class="noir" id="c18"></td>
                <td class="blanc" id="c19"></td>
                <td class="noir" id="c20"></td>
                <td class="blanc" id="c21"></td>
                <td class="noir" id="c22"></td>
                <td class="blanc" id="c23"></td>
                <td class="noir" id="c24"></td>
            </tr>
            <tr>

                <td class="noir" id="c25"></td>
                <td class="blanc" id="c26"></td>
                <td class="noir" id="c27"></td>
                <td class="blanc" id="c28"></td>
                <td class="noir" id="c29"></td>
                <td class="blanc" id="c30"></td>
                <td class="noir" id="c31"></td>
                <td class="blanc" id="c32"></td>
            </tr>
            <tr>
                <td class="blanc" id="c33"></td>
                <td class="noir" id="c34"></td>
                <td class="blanc" id="c35"></td>
                <td class="noir" id="c36"></td>
                <td class="blanc" id="c37"></td>
                <td class="noir" id="c38"></td>
                <td class="blanc" id="c39"></td>
                <td class="noir" id="c40"></td>
            </tr>
            <tr>
                <td class="noir" id="c41"></td>
                <td class="blanc" id="c42"></td>
                <td class="noir" id="c43"></td>
                <td class="blanc" id="c44"></td>
                <td class="noir" id="c45"></td>
                <td class="blanc" id="c46"></td>
                <td class="noir" id="c47"></td>
                <td class="blanc" id="c48"></td>
            </tr>
            <tr>
                <td class="blanc" id="c49">
                    <div id="pb1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
                <td class="noir" id="c50">
                    <div id="pb2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
                <td class="blanc" id="c51">
                    <div id="pb3" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
                <td class="noir" id="c52">
                    <div id="pb4" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
                <td class="blanc" id="c53">
                    <div id="pb5" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
                <td class="noir" id="c54">
                    <div id="pb6" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
                <td class="blanc" id="c55">
                    <div id="pb7" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
                <td class="noir" id="c56">
                    <div id="pb8" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Pion_blanc.png"/>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="noir" id="c57">
                    <div id="tb1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Tour_blanc.png"/>
                    </div>
                </td>
                <td class="blanc" id="c58">
                    <div id="cb1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Canasson_blanc.png"/>
                    </div>
                </td>
                <td class="noir" id="c59">
                    <div id="fb1" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Fou_blanc.png"/>
                    </div>
                </td>
                <td class="blanc" id="c60">
                    <div id="db" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Dame_blanc.png"/>
                    </div>
                </td>
                <td class="noir" id="c61">
                    <div id="rb" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Roi_blanc.png"/>
                    </div>
                </td>
                <td class="blanc" id="c62">
                    <div id="fb2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Fou_blanc.png"/>
                    </div>
                </td>
                <td class="noir" id="c63">
                    <div id="cb2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Canasson_blanc.png"/>
                    </div>
                </td>
                <td class="blanc" id="c64">
                    <div id="tb2" class="ui-widget-content">
                        <img alt="image" width="50px" height="50px" src="images/Tour_blanc.png"/>
                    </div>
                </td>
            </tr>
        </table>
        <div id="actions">
           
            <form method="get" action="Deconnexion">
 <p>
                <input type="submit" value="Déconnexion" />
 </p>
            </form>
            <em onclick="showlogs();">SHOW LOGS</em> : <em onclick="showman();">SHOW MANS</em>
           
        </div>

    <div id="manuel">
        <form action="" onsubmit="return stockerDeplacement()">
            <p>
            <label>dep</label><input type="text" id="dep"/>
            <label>arr</label><input type="text" id="arr"/>
            <label>couleur</label><input type="text" id="couleur"/>
            <label>numero</label><input type="text" id="numero"/>
            <button value="envoyer"/>
            </p>
        </form>
    </div>
    <div id="logdiv">
        <h1>Les logs</h1>
    <div id="logs">
        
    </div>
    </div>
    <div id="validations">
      <p>
    <a href="http://validator.w3.org/check?uri=referer"><img
      src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>

<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS Valide !" />
</a>
</p>

    </div>
</div>

    </body>
</html>
